<template>
  <div>
    <component :is="type" :value="value" :ispreview="true"/>
  </div>
</template>

<script>
  import imageController from "./base/imageController";
  import textController from "./base/textController";
  import videoController from "./base/videoController";
  import scrollTextController from "./base/scrollTextController";
  import datetimeController from "./base/datetimeController";
  import liveController from "./base/liveController";


export default {
  name: "ControllerView",
  components: {
    imageController,
    textController,
    videoController,
    scrollTextController,
    datetimeController,
    liveController,
  },
  model: {
    prop: "value",
    event: "input"
  },
  props: {
    type: String,
    value: {
      type: [Object],
      default: () => {
      }
    }
  }
};
</script>
